<template lang="html">
  <div class="tablist">
    <div class="tabs-box" v-for="(item,index) in tabslist"  :key="index">
      <router-link tag="div" to="/details" class="tabs-warp">
        <div class="tabs-left">
          <img v-bind:src="item.goods_image"/>
        </div>
        <div class="tabs-right">
          <h3>{{ item.goods_detail.goods_detail[0] }}</h3>
          <p>{{ item.goods_title }}</p>
          <span class="span1">￥{{ item.goods_price.p}}</span>
          <span class="span2">28389人付款</span>
          <span class="span3">...</span>
        </div>
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name:'WorkshopTabList',
  props:{
    tabslist:{
      type:Array,
      default:function(){
        return{}
      }
    }
  }
}
</script>

<style lang="less">
</style>
